<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="display: inline-block;float: right" th:fragment="header">
    <script>
        //保存定时id 好关闭
        var letterId=0;
        //表示 来了新的信息
        function letter() {
            letterId=setInterval(function () {
                $("#letterImg").toggle();
            },500);
        }
        //表示已经收信
        function receive() {
            clearInterval(letterId);
            letterId=0;
        }

        //把接收的 信息存到作用域
        function storeMsg(msg) {
            $.getJSON("/studentManagement/succPage/course/storeMsg","msg="+msg,function (data) {});
        }

        //站内信
        function siteInbox(){
            var ws=null;
            if('WebSocket' in window){
                ws =new WebSocket("ws://localhost:8080/studentManagement/succPage/socketServer/[[${user.id}]]");
                /////////////////怎么获取发件人///////////////////
                //接收到消息的回调方法
                ws.onmessage = function(event) {
                    /*alert(JSON.stringify(event))*/
                    if(letterId==0){
                        letter();
                    }
                    storeMsg(event.data);
                };
                //关闭站内信的回调方法
                ws.onclose = function(evt) {
                    /*alert("连接关闭");*/
                };
                ws.onerror=function(){
                    /*alert("连接异常");*/
                }
                //打开站内信的回调方法
                ws.onopen = function(evt) {
                    /*alert("连接成功");*/
                };
                //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
                window.onbeforeunload = function () {
                    closeWebSocket();
                }

                //关闭WebSocket连接
                function closeWebSocket() {
                    ws.close();
                }
            }else{
                alert("你的浏览器不支持");
            }
        }

        $(function () {
            siteInbox();
            $("#letterImg").click(function () {
                location.href="/studentManagement/succPage/course/information";
            });
        });
    </script>

    <a href="/studentManagement/succPage/quitLogin">退出登入</a><br/>
    <!--打开这个页面默认就是查询所以的课程-->
    <a href="/studentManagement/succPage/win">查看所有的课程</a><br/>
    <!--后面得加点击事件   进入收信息界面-->
    <img id="letterImg" style="-webkit-user-drag: none;" src="/邮箱图片.png" width="30" height="30"><br/>
    <a href="/studentManagement/succPage/user/userChatting">进入用户聊天页面</a><br/>
</div>
</body>
</html>